<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			瀑布流布局的练习
		</title>
		<link rel="stylesheet" href="style.css" />
		<script src="script.js"></script>
	</head>
	<body>
		<div id="main">
			<div class="box">
				<div class="pic">
					<img src="img/img (1).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (2).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (3).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (4).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (5).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (6).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (7).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (8).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (9).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (10).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (11).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (12).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (13).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (14).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (15).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (16).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (17).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (18).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (19).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (20).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (21).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (22).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (23).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (24).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (25).jpg" />
				</div>
			</div>
			<div class="box">
				<div class="pic">
					<img src="img/img (26).jpg" />
				</div>
			</div>
		</div>
	</body>
</html>
